<template>
    <nut-swiper
            direction="horizontal"
            ref="demo3"
            :loop="true"
            :canDragging="true"
            :paginationVisible="true"
            :autoPlay="2000"
            :lazyLoad="true"
    >
        <div  class="nut-swiper-slide gray" >
            <img src="../../assets/images/home/home1.jpg" style="min-width: 100%;max-height: 200px"/>
        </div>
        <div  class="nut-swiper-slide gray_1" >
            <img src="../../assets/images/home/home2.jpg" style="min-width: 100%;max-height: 200px"/>
        </div>
        <div  class="nut-swiper-slide gray" >
            <img src="../../assets/images/home/home3.jpg" style="min-width: 100%;max-height: 200px"/>
        </div>
    </nut-swiper>
</template>

<script>
    export default {
        name: "swiper"
    }
</script>

<style scoped>

</style>